mg-page, mg-view, .mg-view, .mg-page {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    
    
    .transition-none {
        transition-duration: 0s;
    }

    &.leave, &.enter {
        transition: all .6s ease;
    }

    .leave {
        opacity: 0;
    }

    .push-new {
        z-index: 100;
        opacity: 0;
        transform: translateX(100%);

        &.enter {
            opacity: 1;
            transform: translateX(0) !important;
        }
    }

    .pop-new {
        z-index: 100;
        opacity: 0;
        transform: translateX(-100%);

        &.enter {
            opacity: 1;
            transform: translateX(0) !important;
        }
    }

    ._load_ {
        z-index: 100;
        background-color: #fff;

        .tip {
            display: block;
            position: absolute;
            top: 42%; left: 50%;
            transform: translate(-50%, -50%);
            background-size: 10% 10%;
            width: 10%;
            height: 10%;
        }
    }
}